CSS Masonry Layout With Grid

.masonry {
	--gap: clamp(1rem, 5vmin, 2rem);
	columns: 150px;
	gap: var(--gap);
	width: 96%;
	max-width: 960px;
	margin: 5rem auto;
}

.masonry > article {
	break-inside: avoid;
	marigin-bottom: var(--gap);
}

Credits

• A simple way to make a masonry layout (youtube.com)

index

• developer_box📦